<template>
	<div class="common-chat-tip" v-for="(item,index) in data" @click="communityClick(item)">
		<div class="common-chat-tip-content">
			<span>{{index+1}}:{{item.title}}</span>
		</div>
	</div>
</template>

<script lang="ts" setup>
	import {LocationFilled,View} from '@element-plus/icons-vue'
	import {selectCity} from '../public/selectCity'
	import {
		ref,inject
	} from 'vue'
	import {
		useRouter
	} from 'vue-router'
	const router = useRouter();
	const emits = defineEmits(['delete'])
	const store = inject('store') as any
	const props = defineProps({
		data: Array,
		deleteShow: Boolean
	})
	
</script>

<style lang="scss">
	.common-chat-tip{
		width: 100%;
		margin-bottom: 20px;
		
		.common-chat-tip-content{
			font-size: 16px;
			overflow: hidden;
			  text-overflow: ellipsis;
			  display: -webkit-box;
			  -webkit-line-clamp: 2;
			  -webkit-box-orient: vertical;
			line-height: 24px;
		}
	}
</style>
